<%@ taglib prefix="s" uri="/struts-tags"%>
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title><s:text name="title.profile"/></title>
		<link rel="stylesheet" type="text/css" href="../css/layout/111.css" media="screen"/>
		<link rel="stylesheet" type="text/css" href="../css/my-theme/jquery-ui.css"/>
		<link rel="stylesheet" type="text/css" href="../css/common.css" media="screen"/>
		<link rel="stylesheet" type="text/css" href="../css/list/menu.css"/>
		<link rel="stylesheet" type="text/css" href="../css/list/mb-menu.css"/>
  		<link rel="stylesheet" type="text/css" href="../css/profile.css"/>
		<script type="text/javascript" src="../js/lib/jquery-1.4.2.min.js"></script>
		<script type="text/javascript" src="../js/lib/jquery.metadata.js"></script>
  		<script type="text/javascript" src="../js/lib/mbMenu.js"></script>
  		<script type="text/javascript" src="../js/lib/jquery.hoverIntent.js"></script>
  		<script type="text/javascript" src="../js/lib/jquery.ui.core.min.js"></script>
		<script type="text/javascript" src="../js/lib/jquery.ui.widget.min.js"></script>
		<script type="text/javascript" src="../js/lib/jquery.ui.button.min.js"></script>
		<script type="text/javascript" src="../js/pages/common.js"></script>
		<script type="text/javascript" src="../js/pages/header.js"></script>
		<script type="text/javascript" src="../js/pages/profile.js"></script>
	</head>
	<body>
		<div id="container">
			<s:include value="../header.jsp" />
			
		    <div id="content">
		  		<div id="main">
					<div class="feed-input-pane rcorner-all">
						<s:form id="addFeedForm" action="feed-add" theme="simple">
							<label for="message" class="input-label"><s:text name="input.shoutOut"/>:</label>
							<textarea id="message" name="message"></textarea>
					   		<a class="button right" name="submitAddFeed" href="#"><s:text name="btn.send"/></a>
					   		<div class="clear-both"></div>			   		
						</s:form>
					</div>
					<div class="feed-pane">
						<s:iterator var="feed" value="feeds">
							<div>
								<s:property value="#feed.message"/>
							</div>							
						</s:iterator>
					</div>
				</div>
				<div id="sidebar">
					<div class="control-pane rcorner-all">
						<div class="image">
							<div class="image-controller">
								<s:url id="urlphotoedit" action="photo-gallery" namespace="/member"/>
				  				<s:a href="%{urlphotoedit}">
		  							<s:text name="link.photo.edit"/>
				  				</s:a>
							</div>	
							<s:if test="image != null">
					      	<img src="${pageContext.request.contextPath}/images/thumb/<s:property value="image[1]"/>"/>
					   		</s:if>
					   		<s:else>
					      	<img src="${pageContext.request.contextPath}/images/member-default.jpg"/>
					   		</s:else>
				   		</div>
				   		<div class="controller">
					   		<a href="#">Add as Friend</a>
					   		<a href="#">Send Message</a>
					   		<a href="#">Block User</a>
					   		<a href="#">Photo</a>
					   		<a href="#">Blog</a>
				   		</div>
				   		<div class="clear-both"></div>
				   	</div>
				   	
				   	<div class="info-pane rcorner-all">
				   			<s:if test="member.gender!=null">
				   			<p>
							<span class="label"><s:text name="gender"/>:</span>
							<s:property value="member.gender"/>
							</p>
							</s:if>
							<s:if test="member.birthday!=null">
							<span class="label"><s:text name="birthday"/>:</span>
						  	<s:date name="member.birthday" format="MMM dd"/>
							</s:if>						
				   	</div>
				</div>
				<div class="clear-both"></div>
			</div>
			<!-- end of content -->
			<s:include value="../footer.jsp" />
		</div>
	</body>
</html>